<template>
  <section class="content">
    <router-view></router-view>
  </section>
</template>

<script>
import { useRouter, useRoute } from "vue-router"

export default {
  name: "Content",
  computed: {
    key () {
      const router = useRouter();
      return router.currentRoute.value.fullPath;
    }

  },
  setup() {
    const router = useRouter();
    const route = useRoute();

  }
}
</script>

<style scoped>
.content {
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

</style>
